md-dialog.deleteDialog(aria-label="Delete")
	md-toolbar
		.md-toolbar-tools
			h2 {{vm.title}}
			span(flex)
			md-button.md-icon-button(ng-click="vm.closeDialog()")
				md-icon.angular-material-icons(aria-label="Close dialog") close
	md-content(layout-margin)
		div(layout="column", layout-align="start")
			div(ng-if="!vm.deleteError")
				p
					| Do you really want to delete
					=" "
					span#deleteName {{vm.deleteName}}?
				br
				p#deleteWarning {{vm.deleteWarning}}
			
			div(ng-if="vm.deleteError")
				p 
					| There was an issue deleting 
					= " "
					span#deleteName {{vm.deleteName}}

			md-input-container(ng-if="!vm.deleteError")
				md-button.md-raised.md-accent(
					id="deleteModelNo"
					ng-disabled="vm.deleteError"
					ng-click="vm.closeDialog()") No
				md-button.md-accent(
					id="deleteModelYes"
					ng-disabled="vm.deleteError"
					ng-click="vm.deleteModel()") Yes

			p#deleteError(ng-if="vm.deleteError") {{vm.deleteError}}
			
			md-input-container(ng-if="vm.deleteError")
				md-button.md-raised.md-accent(
					ng-click="vm.closeDialog()") OK